<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!--
 * FCKeditor - The text editor for Internet - http://www.fckeditor.net
 * Copyright (C) 2003-2010 Frederico Caldeira Knabben
 *
 * == BEGIN LICENSE ==
 *
 * Licensed under the terms of any of the following licenses at your
 * choice:
 *
 *  - GNU General Public License Version 2 or later (the "GPL")
 *    http://www.gnu.org/licenses/gpl.html
 *
 *  - GNU Lesser General Public License Version 2.1 or later (the "LGPL")
 *    http://www.gnu.org/licenses/lgpl.html
 *
 *  - Mozilla Public License Version 1.1 or later (the "MPL")
 *    http://www.mozilla.org/MPL/MPL-1.1.html
 *
 * == END LICENSE ==
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>FCKSpecialCombo</title>
	<script type="text/javascript">

var FCK = new Object() ;	// Used by fckconfig

// Used by FCKPanel.
var FCKFocusManager = {
	Lock : function() {},
	Unlock : function() {}
} ;

	</script>
	<script src="../../../editor/_source/fckconstants.js" type="text/javascript"></script>
	<script src="../../../editor/_source/fckjscoreextensions.js" type="text/javascript"></script>
	<script src="../../../editor/_source/internals/fckbrowserinfo.js" type="text/javascript"></script>
	<script src="../../../editor/_source/internals/fcktools.js" type="text/javascript"></script>
	<script src="../../../editor/lang/en.js" type="text/javascript"></script>
	<script src="../../../editor/_source/classes/fckiecleanup.js" type="text/javascript"></script>
	<script src="../../../editor/_source/internals/fckconfig.js" type="text/javascript"></script>
	<script src="../../../editor/_source/classes/fckpanel.js" type="text/javascript"></script>
	<script src="../../../editor/_source/classes/fckspecialcombo.js" type="text/javascript"></script>
	<style type="text/css">
		.ToolbarBase
		{
			cursor: default;
			background-color: #efefde;
		}

		.ToolbarBase TD
		{
			font-size: 11px;
			font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
		}
	</style>
	<script type="text/javascript">

function LoadScript( url )
{
	document.write( '<script type="text/javascript" src="' + url + '"><\/script>' ) ;
}
var sSuffix = /msie/.test( navigator.userAgent.toLowerCase() ) ? 'ie' : 'gecko' ;
LoadScript( '../../../editor/_source/internals/fcktools_' + sSuffix + '.js' ) ;

	</script>
	<script type="text/javascript">

// This is a generic object used to cleanup IE memory leaks.
if ( FCKBrowserInfo.IsIE )
	FCK.IECleanup = new FCKIECleanup( window ) ;

FCKConfig.SkinPath = '../../../editor/skins/default/' ;

// Includes the skin CSS in the main page.
document.write( '<link href="' + FCKConfig.SkinPath + 'fck_editor.css" type="text/css" rel="stylesheet">' ) ;

var oCombo ;

window.onload = function()
{
	oCombo = new FCKSpecialCombo( 'Style' ) ;
	oCombo.AddItem( 'Red', '<span style="color:red">Red</span>' ) ;
	oCombo.AddItem( 'Blue', '<span style="color:blue"><b>Blue</b></span>' ) ;
	oCombo.AddItem( 'Green', '<span style="color:green">Test Green</span>', 'Test Green' ) ;
	oCombo.AddItem( 'White', '<span style="color:White">White</span>', null, '#bbbb66' ) ;
	oCombo.AddItem( 'Brown', '<span style="color:Brown">Brown with a long description text that overflows</span>' ) ;
	oCombo.Create( document.getElementById( 'xTarget1' ) ) ;

	oCombo = new FCKSpecialCombo( 'Style' ) ;
	oCombo.AddItem( 'Red', '<span style="color:red">Red</span>' ) ;
	oCombo.AddItem( 'Blue', '<span style="color:blue"><b>Blue</b></span>' ) ;
	oCombo.AddItem( 'Green', '<span style="color:green">Test Green</span>', 'Test Green' ) ;
	oCombo.AddItem( 'White', '<span style="color:White">White</span>', null, '#bbbb66' ) ;
	oCombo.AddItem( 'Brown', '<span style="color:Brown">Brown with a long description text that overflows</span>' ) ;
	oCombo.AddItem( 'Red', '<span style="color:red">Red</span>' ) ;
	oCombo.AddItem( 'Blue', '<span style="color:blue"><b>Blue</b></span>' ) ;
	oCombo.AddItem( 'Green', '<span style="color:green">Test Green</span>', 'Test Green' ) ;
	oCombo.AddItem( 'White', '<span style="color:White">White</span>', null, '#bbbb66' ) ;
	oCombo.AddItem( 'Brown', '<span style="color:Brown">Brown with a long description text that overflows</span>' ) ;
	oCombo.Create( document.getElementById( 'xTarget2' ) ) ;

	document.getElementById( 'xOutput' ).value = document.getElementById( 'xTarget2' ).innerHTML ;
}

	</script>
</head>
<body>
	<table width="100%" height="100%">
		<tr>
			<td class="ToolbarBase" align="center">
				<table cellspacing="10">
					<tr>
						<td id="xTarget1">
						</td>
						<td id="xTarget2">
						</td>
					</tr>
				</table>
			</td>
		</tr>
	</table>
	<textarea id="xOutput"></textarea>
</body>
</html>
